<template>
  <div class="fullscreen bg-default text-primary text-center flex flex-center" style="opacity: 0.9">
    <div>
      <div style="font-size: 30vh">404</div>

      <div class="text-h3" style="opacity: 0.8">Oops. Nothing here...</div>

      <div class="text-black q-my-lg">The page you were looking for does not exist</div>

      <q-btn class="q-mt-lg" color="primary" to="/" label="返回首页" />
    </div>
  </div>
</template>

<script setup lang="ts">
  defineOptions({
    name: 'ErrorNotFound',
  });
</script>
